<template>
    <div id="app">
        <!-- <lottieLoading v-if='showAni'></lottieLoading> -->
        <router-view class="child-view" ref="routerView" :key='new Date().getTime()'></router-view>
    </div>
</template>

<script>
import { mapGetters, mapActions } from 'vuex';
import Header from './components/Header/Header'
import Footer from './components/Footer/Footer'

export default {
    name: 'App',
    components: {
        Header,
        Footer
    },
    data() {
        return {
            showStyle: false,
            isRun: false,
            slogan: null,
            enterAnimate: "animated fadeInUp",
            leaveAnimate: "animated fadeOutDown",
            isScroll: false,
            showAni: false,
        }
    },
    mounted() {
        // setInterval(()=>{
        //     console.log(this.showAni)
        // },20)
        // console.log(window.location.hostname)
        if(window.location.hostname=='dlhtx.zicp.vip'){
            this.$router.replace('/404')
        }
    },
    methods: {
        showUpBtn() {

        }
    },
    computed: {
        ...mapGetters([
            'isLogin',
            'user',
            'progress'
        ]),
    },
    watch: {
    },

}
</script>

<style lang="less">
@import "./assets/common.less";
@import "assets/css/animate.css";
@font-face {
    /* font-properties */
    font-family: MicrosoftYaqiHeiLight;
    src: url("./assets/font/MicrosoftYaqiHeiLight-2.ttf");
    /* IE9 */
}
@font-face {
    /* font-properties */
    font-family: Cousine;
    src: url("./assets/font/Cousine-Regular-1.ttf");
    /* IE9 */
}
@font-face {
    /* font-properties */
    font-family: OfficeCode;
    src: url("./assets/font/OfficeCode.ttf");
    /* IE9 */
}
@font-face {
    /* font-properties */
    font-family: consola;
    src: url("./assets/font/consola-1.ttf");
    /* IE9 */
}
* {
    font-family: Optima-Regular, Optima, PingFangTC-Light, PingFangSC-light, PingFangTC-light;
}
#app {
    height: 100%;
    position: relative;
}

.el-progress {
    position: absolute !important;
    height: 8px !important;
    z-index: 99999 !important;
    width: 100% !important;
    top: -8px;
}
</style>
